const tiaoxingmaContainer = document.querySelector(".tiaoxingmaContainer");


function tiaoxingma() {
  tiaoxingmaContainer.classList.toggle("show");
}
window.onload = function () {
  const page1 = document.querySelectorAll("header .button")[0];
  const page2 = document.querySelectorAll("header .button")[1];
  const page3 = document.querySelectorAll("header .button")[2];
  const container = document.querySelector(".container");
  const container2 = document.querySelector(".container2");
  const container3 = document.querySelector(".container3");
  page1.onclick = function () {
    page1.classList.add("active");
    page2.classList.remove("active");
    page3.classList.remove("active");
    container.classList.add("show");
    container2.classList.remove("show");
    container3.classList.remove("show");
  };
  page2.onclick = function () {
    page2.classList.add("active");
    page1.classList.remove("active");
    page3.classList.remove("active");
    container2.classList.add("show");
    container.classList.remove("show");
    container3.classList.remove("show");
  };
  page3.onclick = function () {
    page3.classList.add("active");
    page2.classList.remove("active");
    page1.classList.remove("active");
    container3.classList.add("show");
    container2.classList.remove("show");
    container.classList.remove("show");
  };

  const preview = document.querySelector(".preview");
  preview.onclick = function () {
    page2.classList.add("active");
    page1.classList.remove("active");
    page3.classList.remove("active");
    container2.classList.add("show");
    container.classList.remove("show");
    container3.classList.remove("show");
  };

  const closeTiaoxingma = document.querySelector(".closeTiaoxingma");

  closeTiaoxingma.onclick = function () {
    tiaoxingmaContainer.classList.toggle("show");
  };
};

let time = new Date();
let today = time.getDate();
// debugger

document.querySelector(".shenpi_time").innerHTML = ` 2021-11-${
  today - 1
} 08:11:42`;
document.querySelector(".tongguo_time").innerHTML = ` 2021-11-${
  today - 1
} 08:59:42`;

document.querySelector(".out_time").innerHTML = `2021-11-${today} 18:10:40`;
document.querySelector(".back_time").innerHTML = `2021-11-${
  today + 1
} 12:45:00`;

// document.querySelector('.page2_out_time').innerHTML = `2021-11-${today}`
// document.querySelector('.page2_back_time').innerHTML = `2021-11-${today+1}`
